<!DOCTYPE html>
<html itemscope="" itemtype="http://schema.org/WebApplication" lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"><title itemprop="name">Da Button Factory: online button maker</title><meta itemprop="description" property="og:description" name="description" content="A website button generator. Design your very own button or use one of the preset examples. Then download or hotlink the image, or get CSS code. Fast &amp; free!"><meta itemprop="keywords" name="keywords" content="button,maker,generator,css3,webdesign,graphics"><meta itemprop="url" property="og:url" content="http://dabuttonfactory.com/"><meta itemprop="image" property="og:image" content="http://dabuttonfactory.com/s/1/i/button-generator.jpg"><meta itemprop="applicationCategory" content="Photography,Tool"><meta itemprop="applicationSubCategory" content="Button maker"><meta property="og:type" content="website"><meta property="og:title" content="Da Button Factory - web buttons maker"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Da Button Factory - web buttons maker"><meta name="twitter:description" content="A website button generator. Design your very own button or use one of the preset examples. Then download or hotlink the image, or get CSS code. Fast &amp; free!"><meta name="twitter:url" content="http://dabuttonfactory.com/"><meta name="twitter:image" content="http://dabuttonfactory.com/s/1/i/button-generator.jpg"><meta name="application-name" content="Da Button Factory"><meta name="apple-mobile-web-app-title" content="Da Button Factory"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"><meta name="theme-color" content="#aabbff"><meta name="msapplication-TileColor" content="#aabbff"><meta name="msapplication-TileImage" content="s/1/i/mstile-144x144.png"><link rel="icon" sizes="96x96" href="Word%20Families%20Button_files/favicon-96x96.png"><link rel="icon" sizes="192x192" href="http://dabuttonfactory.com/s/1/i/favicon-192x192.png"><link rel="icon" sizes="16x16 32x32" href="http://dabuttonfactory.com/favicon.ico"><link rel="apple-touch-icon" sizes="144x144" href="http://dabuttonfactory.com/apple-touch-icon-144x144.png"><link rel="apple-touch-icon" sizes="76x76" href="http://dabuttonfactory.com/apple-touch-icon-76x76.png"><link rel="apple-touch-icon" sizes="57x57" href="http://dabuttonfactory.com/apple-touch-icon-57x57.png"><link rel="apple-touch-icon" sizes="180x180" href="http://dabuttonfactory.com/apple-touch-icon.png"><link rel="yandex-tableau-widget" href="http://dabuttonfactory.com/yandex-tableau.json"><link rel="manifest" href="http://dabuttonfactory.com/manifest.json"><script>q=function(){q.q.push(arguments)};q.q=[["create","UA-7801687-1",{cookieName:"q",cookieExpires:1E7}],["send","pageview"]];q.l=1*new Date;GoogleAnalyticsObject="q";adsbygoogle=[{},{}];</script><style>@font-face{font-family:'FontAwesome';src:url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0');src:url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0)}.fa-lg{font-size:1.33em;line-height:.75em;padding-right:4px;vertical-align:-4%}.fa-cubes:before{content:"\f1b3"}.fa-envelope:before{content:"\f0e0"}.fa-eye:before{content:"\f06e"}.fa-paypal:before{content:"\f1ed"}.fa-pencil:before{content:"\f040"}.fa-question-circle:before{content:"\f059"}.fa-rss:before{content:"\f09e"}a{text-decoration:none}a:hover{text-decoration:underline}html{background:#eee}body{color:#111;font:10pt Arial,sans-serif;margin:0 auto;max-width:1500px;padding:0;text-align:center}#head{background:#cdf;background:linear-gradient(#eef,#bdf 90%,#ace);box-shadow:0 1px 1px #777;margin:0;padding:.7% 1%}#head:after{clear:both;content:"";display:block}#brand{float:left;margin:0;padding:0}#brand>img,#brand>div{border:0;display:inline-block;*display:inline;vertical-align:middle;zoom:1}h1{color:#46c;font-size:175%;font-variant:small-caps;margin:0 6px;padding:0;text-shadow:0 1px 1px rgba(255,255,255,.7),0 -1px 1px rgba(255,255,255,.7),1px 0 1px rgba(255,255,255,.7),1px 0 1px rgba(255,255,255,.7)}h4{color:#444;font-size:90%;font-style:italic;font-weight:400;margin:1px 6px;text-shadow:1px 1px 1px rgba(255,255,255,.7)}#brand strong{color:#238;font-size:110%}#brand:hover{transform:scale(1.05);transition:.1s}#brand:hover h1{text-decoration:underline;text-shadow:none}#brand:active h1,#brand:active strong{border-top:2px solid transparent;color:red}.nav{list-style:none;margin:0;padding:1.2% 0}.nav>li{display:inline}#nav{font-size:110%;font-weight:700;text-align:right;text-shadow:1px 1px 1px rgba(255,255,255,.7)}.cur,#nav a{padding:1% 3%}.cur{background:#fbfdff}#main{line-height:1.5;margin:0;padding:1% 1% 0}@media(max-width:640px){#head{height:32px;padding:0;position:fixed;top:0;width:100%;z-index:9}#brand{display:none}#nav{padding:8px 0;text-align:center}#nav>li{margin:0 2%}#nav a,.cur{padding:5px 3%}.cur{border-radius:4px}#main{margin-top:34px !important}}@media(min-width:641px){.cur,#nav a{box-shadow:0 1px 2px #888}#nav a{background:#def;background:linear-gradient(#fbfdff,#def 50%,#d2e4fa 50%,#d0e0f7)}#nav a:hover{background:#def;background:linear-gradient(#fff,#def)}#nav a:active{background:#fff;box-shadow:0 1px 6px #888 inset}:first-child.cur,#nav :first-child a{border-radius:5px 0 0 5px}:last-child.cur,#nav :last-child a{border-radius:0 5px 5px 0}}@media(min-width:1500px){#head{border-radius:0 0 8px 8px;filter:none}body{font-size:12pt}}.fa-bookmark:before{content:"\f02e"}.fa-code:before{content:"\f121"}.fa-download:before{content:"\f019"}.fa-external-link:before{content:"\f08e"}.fa-repeat:before{content:"\f01e"}.fa-undo:before{content:"\f0e2"}.columnset{zoom:1}.columnset:before,.columnset:after{clear:both;content:"";display:table}.column{float:left;min-width:220px}.paneset{line-height:2;width:29%}#firstcolumn{position:relative;left:-42%}#maincolumn{margin:0 1%;position:relative;left:29%;vertical-align:top;width:40%;z-index:9}#preview{background:radial-gradient(at 50% 45%,#fff,rgba(255,255,255,0));overflow:auto;padding:0 1%}input,button,fieldset select{text-align:center;vertical-align:middle;margin:.5% 0}fieldset select{padding:2px;text-align:left}button,select,input[type="checkbox"]{cursor:pointer}button,select{background:#eee;background:linear-gradient(#eee,#ddd);border:1px solid #999;border-radius:2px}button:hover,select:hover,button:active,select:active{border-color:#666}button:hover,select:hover{background:linear-gradient(#eee,#ccc)}button:active{background:#ddd;background:linear-gradient(#ccc,#eee)}.inc{font-family:monospace;padding:2px 5px}.inc[title="increment"]{border-left:0;border-radius:0 2px 2px 0}.inc[title="decrement"]{border-right:0;border-radius:2px 0 0 2px}.inc:hover{border-color:#666}.siz,.inc{height:28px;line-height:1.6}.siz{border:1px solid #999;border-left-color:#aaa;border-right-color:#aaa;border-radius:0;box-sizing:border-box}.siz:focus{border-color:#666}.siz[size="2"]{max-width:26px}.siz[size="3"]{max-width:40px}#t{max-width:67%}.pane{background:#fafcfe;background:linear-gradient(#fbfdff,#fafcfe 96%,#eef);border:1px solid #def;border-radius:3px;box-shadow:0 2px 2px #777;margin:0 0 3.5%;padding:0;text-align:left}fieldset{border:0;margin:1% 0 2%;padding:3% .5%;-moz-user-select:none;-webkit-user-select:none;user-select:none}fieldset:hover{background:#efc;transition:background .2s}fieldset.foc{background:#efa;transition:background .2s}fieldset label{margin-left:7%;padding:2% 2.5% 2% 1%;text-shadow:1px 1px 1px rgba(255,255,255,.7)}fieldset>label:first-child{font-size:140%;font-variant:small-caps;font-weight:700;margin:0;padding:2% 6% 2% 4%}fieldset>input,fieldset>select{margin:1% 0 2%;padding:4px}#preview{text-shadow:0 1px 1px rgba(255,255,255,.7)}#preview a{border-radius:2px;color:#24b}#preview a:hover{background:#fcfcfc;font-weight:700;text-decoration:none;transition:background .1s}#preview a:active{background:#fff;box-shadow:0 0 5px #999 inset;font-weight:700}#preview .hist{margin:1% 2%;padding:1% 4%}#preview .hist:active{border:1px solid transparent}#histb{float:left}#histfw{float:right}#preview .nohist,input[disabled]{color:#bbb;cursor:no-drop}#preview .nohist:hover,#preview .nohist:active{background:inherit;border:0;box-shadow:none;font-weight:400}#buttwrap,#errmsg{margin:7% 2% 1%}#buttwrap{color:#444}#buttmeta{margin:10% 0 1%}#wait{display:inline-block;font-weight:700;margin:1% 0}#swapb{float:right;margin:-3.5% 4% 0 0;padding:3px 8px}#export{margin:8px auto 3px;width:99%}#export>div{border-radius:3px;display:none;margin-top:-2px;padding:2%;text-align:left;width:96%}#export>a{border:2px solid transparent;display:inline-block;min-width:80px;padding:1.5% 1%;width:29%}#export>div.opened,#export>a.opened{display:inline-block;background:#fcfcfc;border:2px ridge #eee}#export>a.opened{border-radius:3px 3px 0 0;font-weight:700;border-bottom:0}#buttlnk{border-radius:99px !important}#buttlnk:active{color:red}textarea,#export input{width:99%}textarea{font-size:90%}#errmsg{background:#d40;color:#fff;font-weight:700;padding:3%}fieldset p{color:#444;font-size:90%;font-style:italic;line-height:1.5;margin:1% 0 1% 7%}label[for="h"]{margin-left:3%}label[for="w"]{margin-left:5%}#info{line-height:1.4;margin:.5% auto 1%;opacity:.9;max-width:45em}#info>ul{padding:2% 0}#info li{padding:3%}p:first-child{text-align:justify;margin:0 2%}#fixed-size-opts,#bord,#shad,#errmsg,#export>div{display:none}ins{display:inline-block;height:90px;width:100%}#ad{display:none}@media(max-width:900px){#firstcolumn{left:0}#maincolumn{background:#fff;box-shadow:0 2px 4px #666;left:0;margin:0 1%;overflow:auto;width:98%}#preview{overflow:visible}}@media(max-width:480px){.column{width:100%}.pane{background:inherit;border:0;box-shadow:none}#firstcolumn{margin-top:185px}#maincolumn{max-height:192px;margin-top:-3px;position:fixed}}@media(min-width:481px) and (max-width:900px){.paneset{width:47%;margin:1.5%}#main{padding:1% 1% 0}}@media(min-width:901px) and (max-width:1100px){.paneset{width:31%}.pane{font-size:90%}#firstcolumn{left:-38%}#maincolumn{left:31%;width:36%}}@media(min-width:901px){ins{max-width:900px}}@media(min-width:1330px){#main{display:inline-block;width:1055px;vertical-align:top}ins{height:610px;margin:1% 0;width:120px}#ad{display:inline-block}}@media(min-width:1500px){#main{width:1140px}}@media(min-width:1400px){ins{width:160px}}.sp-container{background:#eee;background:linear-gradient(#eee,#e7e7e7);border:1px solid #666;border-radius:3px;box-shadow:0 1px 4px #666;display:inline-block;*display:inline;overflow:hidden;position:absolute;top:0;left:0;zoom:1;z-index:9}.sp-container,.sp-container *{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.sp-top{display:inline-block;position:relative;width:100%}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20%}.sp-hue{position:absolute;top:0;right:0;bottom:0;left:84%;height:100%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-container,.sp-replacer,.sp-preview,.sp-dragger,.sp-slider,.sp-container.sp-dragging .sp-input{-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container,.sp-container.sp-buttons-disabled .sp-button-container,.sp-container.sp-palette-buttons-disabled .sp-palette-button-container,.sp-initial-disabled .sp-initial,.sp-clear,.sp-cancel,.sp-hidden{display:none !important}.sp-sat{background:-moz-linear-gradient(left,#fff,rgba(204,154,129,0));background:-o-linear-gradient(left,#fff,rgba(204,154,129,0));background:-webkit-gradient(linear,0 0,100% 0,from(#fff),to(rgba(204,154,129,0)));background:-webkit-linear-gradient(left,#fff,rgba(204,154,129,0));background:linear-gradient(to right,#fff,rgba(204,154,129,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#00cc9a81',GradientType=1)}.sp-val{background:-moz-linear-gradient(rgba(204,154,129,0),#000);background:-o-linear-gradient(rgba(204,154,129,0),#000);background:-webkit-gradient(linear,0 100%,0 0,from(#000),to(rgba(204,154,129,0)));background:-webkit-linear-gradient(rgba(204,154,129,0),#000);background:linear-gradient(rgba(204,154,129,0),#000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00cc9a81',endColorstr='#ff000000')}.sp-hue{background:-moz-linear-gradient(#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);background:-o-linear-gradient(top,#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);background:-webkit-gradient(linear,left top,left bottom,from(#f00),color-stop(0.17,#ff0),color-stop(0.33,#0f0),color-stop(0.5,#0ff),color-stop(0.67,#00f),color-stop(0.83,#f0f),to(#f00));background:-webkit-linear-gradient(#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);background:linear-gradient(#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%)}.sp-1{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000',endColorstr='#ffff00')}.sp-2{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00',endColorstr='#00ff00')}.sp-3{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00',endColorstr='#00ffff')}.sp-4{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff',endColorstr='#0000ff')}.sp-5{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff',endColorstr='#ff00ff')}.sp-6{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff',endColorstr='#ff0000')}.sp-cf{zoom:1}.sp-cf:before,.sp-cf:after{content:"";display:table}.sp-cf:after{clear:both}.sp-dragger{background:#111;border:1px solid #fff;border-radius:5px;cursor:move;height:5px;position:absolute;top:0;left:0;width:5px}.sp-slider{background:#fff;border:1px solid #111;cursor:move;height:3px;opacity:.8;position:absolute;top:0;left:-1px;right:-1px}.sp-container,.sp-container button,.sp-container input,.sp-color,.sp-hue{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:3px}.sp-color,.sp-hue{border:1px solid #666}.sp-input-container{float:right;margin-bottom:4px;width:100px}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{border:1px inset;border-radius:3px;margin:0;padding:2px 5px;width:100%}.sp-input:focus{border:1px solid #666}.sp-input.sp-validation-error{background:#faa}.sp-picker-container,.sp-palette-container{float:left;margin-bottom:-290px;padding:8px;padding-bottom:300px;position:relative}.sp-picker-container{border-left:1px solid #fff;*width:164px}.sp-palette-container{border-right:1px solid #ccc}.sp-palette .sp-thumb-el{border:2px solid transparent;cursor:pointer;display:block;float:left;height:15px;margin:3px;position:relative;width:24px}.sp-palette .sp-thumb-el:hover,.sp-palette .sp-thumb-el.sp-thumb-active,.sp-replacer:hover,.sp-replacer.sp-active{border-color:#666}.sp-thumb-el{position:relative}.sp-button-container{float:right}.sp-button-container button{line-height:1;padding:5px 10px}.sp-replacer{background:#eee;background:linear-gradient(#eee,#ddd);border:1px solid #999;border-radius:2px;color:#111;cursor:pointer;display:inline-block;*display:inline;margin:.5% 0;overflow:hidden;padding:4px;vertical-align:middle;zoom:1}.sp-replacer:hover{background:linear-gradient(#eee,#ccc)}.sp-replacer:active,.sp-replacer.sp-active{background:#ddd;background:linear-gradient(#ccc,#eee)}.sp-dd{float:left;font-size:10px;height:16px;line-height:16px;padding:2px 0}.sp-preview{border:1px solid #222;float:left;height:20px;margin-right:5px;position:relative;width:25px;z-index:0}.sp-palette{max-width:220px;*width:220px}.sp-palette .sp-thumb-el{border:1px solid #ddd;height:16px;margin:2px 1px;width:16px}.sp-palette span:hover,.sp-palette span.sp-thumb-active{border-color:#111}.sp-preview,.sp-thumb-el{position:relative}.sp-preview-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}@media(max-width:480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}.sp-button-container{float:none;margin-top:42px}.sp-picker-container,.sp-palette-container{border:0}}@media(max-width:359px){.sp-container{max-width:182px}.sp-button-container{float:right;margin-top:0}}</style><style type="text/css"></style></head><body class=""><div id="head" role="banner"><a href="http://dabuttonfactory.com/" id="brand" title="Reload the editor with the default button model"><img src="Word%20Families%20Button_files/favicon-96x96.png" alt="Logo" height="48" width="48"><div><h1>Da <strong>Button</strong> Factory</h1><h4>Create pretty buttons online, quickly!</h4></div></a><ul class="nav" id="nav"><li class="cur" title="The button generator (current page)"><i class="fa fa-pencil fa-lg"></i> Editor</li><li><a href="http://dabuttonfactory.com/examples" title="Predefined editable buttons"><i class="fa fa-eye fa-lg"></i> Examples</a></li><li><a href="http://dabuttonfactory.com/info" title="Frequently asked questions"><i class="fa fa-question-circle fa-lg"></i> Info</a></li></ul></div><ins class="adsbygoogle" data-ad-client="ca-pub-5521996960555405" data-ad-slot="7726605150" id="ad"></ins><div id="main"><div role="main" class="columnset"><div id="maincolumn" class="column"><noscript>This button generator requires Javascript.</noscript><div id="preview"><div><a href="#" role="button" class="hist" id="histb" title="Undo last change"><i class="fa fa-undo"></i>&nbsp; Undo</a><a href="#" role="button" class="nohist hist" id="histfw" title="Redo last change">Redo &nbsp;<i class="fa fa-repeat"></i></a><p style="visibility: hidden;" id="wait">Generating…</p></div><div style="opacity: 1;" id="buttwrap"><img src="Word%20Families%20Button_files/button.png" id="butt" title="Generated button – pretty isn’t it?" alt="Generated button preview goes here"><div id="buttmeta"><span id="buttdim">234×41 pixels – 4507 bytes</span> in&nbsp;<select id="it"><option selected="selected" value="png">png</option><option value="gif">gif</option><option value="jpg">jpg</option><option value="ico">ico</option></select><div id="export"><a href="#" role="button" class="openable" title="See ways to embed this button on a website" for="exportbutt"><i class="fa fa-code"></i>&nbsp;Embed</a><a href="http://dabuttonfactory.com/button.png?t=Word+Families&amp;f=Arvo-Bold&amp;ts=25&amp;tc=fff&amp;tshs=1&amp;tshc=f0f&amp;hp=20&amp;vp=8&amp;c=5&amp;bgt=gradient&amp;bgc=ff0&amp;ebgc=c0a&amp;be=1" role="button" id="buttlnk" title="Download the button image to your computer"><i class="fa fa-download"></i>&nbsp;Download</a><a href="#" role="button" class="openable" title="Get the URL of the current workspace" for="saveed"><i class="fa fa-bookmark"></i>&nbsp;Save</a><div class="" id="exportbutt"><label for="butturl">This is the <abbr title="Uniform Resource Locator: an address that uniquely identifies a digital resource">URL</abbr> of the current button image:</label><br><input value="http://dabuttonfactory.com/button.png?t=Word+Families&amp;f=Arvo-Bold&amp;ts=25&amp;tc=fff&amp;tshs=1&amp;tshc=f0f&amp;hp=20&amp;vp=8&amp;c=5&amp;bgt=gradient&amp;bgc=ff0&amp;ebgc=c0a&amp;be=1" id="butturl"><br>You can use it to hotlink the button on a webpage (<a href="http://dabuttonfactory.com/info#hotlink">limitations apply</a>).<hr><label for="buttcss">Alternatively, here are <abbr title="Cascading Style Sheet - version 3: the programming language used to declare the look and formatting of webpages">CSS&nbsp;3</abbr> declarations for this button style:</label><br><textarea id="buttcss" rows="8">display:
       inline-block;
padding:       8px 20px;
background:    #c0a 
url('http://dabuttonfactory.com/button.png?w=1&amp;h=41&amp;bgt=gradient&amp;bgc=ff0&amp;ebgc=c0a')
 repeat-x;
background:    -moz-linear-gradient(#ff0, #c0a);
background:    -o-linear-gradient(#ff0, #c0a);
background:    -webkit-linear-gradient(#ff0, #c0a);
background:    linear-gradient(#ff0, #c0a);
border-radius: 5px;
color:         #fff;
font:          normal 700 25px/1 "Arvo", serif;
text-align:    center;
text-shadow:   1px 1px 0 #f0f;</textarea><br>And this is a preview of how that renders: <div style="display: inline-block; padding: 8px 20px; background: linear-gradient(rgb(255, 255, 0), rgb(204, 0, 170)) repeat scroll 0% 0% transparent; border-radius: 5px; color: rgb(255, 255, 255); font: 700 25px/1 &quot;Arvo&quot;,serif; text-align: center; text-shadow: 1px 1px 0px rgb(255, 0, 255);" id="cssbutt">Word Families</div></div><div id="saveed"><label for="edurl">Copy or bookmark this link to return to your button later:</label><br><input value="http://dabuttonfactory.com/#t=Word+Families&amp;f=Arvo-Bold&amp;ts=25&amp;tc=fff&amp;tshs=1&amp;tshc=f0f&amp;hp=20&amp;vp=8&amp;c=5&amp;bgt=gradient&amp;bgc=ff0&amp;ebgc=c0a&amp;be=1" id="edurl"><br><a href="http://dabuttonfactory.com/#t=Word+Families&amp;f=Arvo-Bold&amp;ts=25&amp;tc=fff&amp;tshs=1&amp;tshc=f0f&amp;hp=20&amp;vp=8&amp;c=5&amp;bgt=gradient&amp;bgc=ff0&amp;ebgc=c0a&amp;be=1" id="edlnk" target="_blank" title="open in a new tab/window"><i class="fa fa-external-link"></i>&nbsp;open in new tab</a></div></div></div></div><div style="display: none;" id="errmsg" class="err"></div></div></div><div id="firstcolumn" class="column paneset"><div class="pane"><fieldset class=""><label for="t">Text</label><input size="24" maxlength="700" value="Word Families" id="t"></fieldset><fieldset class=""><label for="f">Font</label><select id="f"><optgroup label="Sans serif" id="sans-serif"><option value="Calibri">Calibri</option><option value="Open Sans">Open Sans</option><option value="Ubuntu">Ubuntu</option><option value="Roboto">Roboto</option><option value="Caviar">Caviar</option><option value="Zenhei">Zenhei (CJK support)</option><option value="Noto Sans">Noto (devanagari)</option></optgroup><optgroup label="Serif" id="serif"><option value="Droid Serif">Droid</option><option value="Vollkorn">Vollkorn</option><option value="Pagella">Gyre Pagella</option><option value="Playfair Display">Playfair Display</option><option selected="selected" value="Arvo">Arvo</option></optgroup><optgroup label="Fantasy / Cursive" id="cursive"><option value="Komika">Komika</option><option value="Pacifico">Pacifico</option><option value="Lobster Two">Lobster Two</option><option value="Overlock">Overlock</option><option value="Bellota">Bellota</option></optgroup></select><div><label for="fb"><b>Bold?</b></label><input class="noinc" id="fb" checked="checked" type="checkbox"><label for="fi"><i>Italic?</i></label><input class="noinc" id="fi" type="checkbox"><p></p><label for="ts">Size:</label><button class="inc" title="decrement">-</button><input class="siz" pattern="[0-9]*" maxlength="4" size="3" value="25" id="ts"><button class="inc" title="increment">+</button><label for="tc">Color:</label><input style="display: none;" class="col" size="2" value="ffffff" id="tc"><div class="sp-replacer sp-light"><div class="sp-preview"><div style="background-color: rgb(255, 255, 255);" class="sp-preview-inner"></div></div><div class="sp-dd">▼</div></div></div></fieldset><fieldset><label for="tsh">Text shadow?</label><input class="noinc" id="tsh" checked="checked" type="checkbox"><div style=""><label for="tshs">Distance to text:</label><button class="inc" title="decrement">-</button><input class="siz" pattern="[0-9]*" maxlength="4" size="2" value="1" id="tshs"><button class="inc" title="increment">+</button><br><label for="tshc">Color:</label><input style="display: none;" class="col" size="2" value="#ff00ff" id="tshc"><div class="sp-replacer sp-light"><div class="sp-preview"><div style="background-color: rgb(255, 0, 255);" class="sp-preview-inner"></div></div><div class="sp-dd">▼</div></div></div></fieldset></div><div class="pane"><fieldset><label for="st">Size</label><select class="noinc" id="st"><option selected="selected" value="variable">adapted to text</option><option value="fixed">fixed</option></select><div id="var-size-opts"><label for="hp">Horizontal padding:</label><button class="inc" title="decrement">-</button><input class="siz" pattern="[0-9]*" maxlength="4" size="3" value="20" id="hp"><button class="inc" title="increment">+</button><br><label for="vp">Vertical padding:</label><button class="inc" title="decrement">-</button><input class="siz" pattern="[0-9]*" maxlength="4" size="3" value="8" id="vp"><button class="inc" title="increment">+</button></div><div style="display: none;" class="a" id="fixed-size-opts"><label for="w">Width:</label><button class="inc" title="decrement">-</button><input class="siz" pattern="[0-9]*" maxlength="4" size="3" value="200" id="w"><button class="inc" title="increment">+</button><label for="h">Height:</label><button class="inc" title="decrement">-</button><input class="siz" pattern="[0-9]*" maxlength="4" size="3" value="50" id="h"><button class="inc" title="increment">+</button><p>Does not include the border or shadow size, if any.</p></div></fieldset></div></div><div class="column paneset"><div class="pane"><fieldset><label for="s">Style</label><select class="noinc" id="s"><option value="rectangular">rectangular box</option><option value="rounded" selected="selected">rounded box</option><option value="round">round box</option></select><div style=""><label for="c">Corners radius:</label><button class="inc" title="decrement">-</button><input class="siz" pattern="[0-9]*" maxlength="4" size="2" value="5" id="c"><button class="inc" title="increment">+</button></div></fieldset><fieldset><label for="bgt">Background</label><select id="bgt"><option value="unicolored">unicolored</option><option value="two-colors">bicolored</option><option value="gradient" selected="selected">simple gradient</option><option value="pyramid">pyramid gradient</option></select><div><label for="bgc" class="bg-color">Top color:</label><input style="display: none;" class="col" size="2" value="#ffff00" id="bgc"><div class="sp-replacer sp-light"><div class="sp-preview"><div style="background-color: rgb(255, 255, 0);" class="sp-preview-inner"></div></div><div class="sp-dd">▼</div></div><div style="" id="end-bg-opts"><button id="swapb" title="permute the two colors">swap</button><label for="ebgc" class="end-bg-color">Bottom color:</label><input style="display: none;" class="col" size="2" value="cc00aa" id="ebgc"><div class="sp-replacer sp-light"><div class="sp-preview"><div style="background-color: rgb(204, 0, 170);" class="sp-preview-inner"></div></div><div class="sp-dd">▼</div></div></div><label for="be">Bubble effect?</label><input checked="checked" id="be" type="checkbox"></div></fieldset><fieldset><label for="b">Border?</label><input class="noinc" id="b" type="checkbox"><div style="" class="a" id="bord"><label for="bs">Size:</label><button class="inc" title="decrement">-</button><input class="siz" pattern="[0-9]*" maxlength="4" size="2" value="1" id="bs"><button class="inc" title="increment">+</button><label for="bc">Color:</label><input style="display: none;" class="col" size="2" value="569" id="bc"><div class="sp-replacer sp-light"><div class="sp-preview"><div style="background-color: rgb(85, 102, 153);" class="sp-preview-inner"></div></div><div class="sp-dd">▼</div></div></div></fieldset><fieldset><label for="sh">Shadow?</label><input class="noinc" id="sh" type="checkbox"><div style="" class="a" id="shad"><label for="shs">Size:</label><button class="inc" title="decrement">-</button><input class="siz" pattern="[0-9]*" maxlength="4" size="2" value="1" id="shs"><button class="inc" title="increment">+</button><label for="shc">Color:</label><input style="display: none;" class="col" size="2" value="444" id="shc"><div class="sp-replacer sp-light"><div class="sp-preview"><div style="background-color: rgb(68, 68, 68);" class="sp-preview-inner"></div></div><div class="sp-dd">▼</div></div><br><label for="sho">Orientation:</label><select id="sho"><option value="-">-</option><option value="n">north</option><option value="s" selected="selected">south</option></select><select id="sho-we" class="noinc"><option value="-">-</option><option value="e" selected="selected">east</option><option value="w">west</option></select></div></fieldset></div></div></div><div id="info" role="contentinfo"><p>Da Button Factory is a web button generator. Start with the model displayed above or use one of the <a href="http://dabuttonfactory.com/examples"><b>other button presets</b></a>.
 Tweak the style to fit your needs, changes are applied in realtime. 
When you are done, use the “Download” link to get the button image to 
your computer, or click “Embed” to directly integrate the button on a 
website (hotlink or CSS). <a href="http://dabuttonfactory.com/info">More&nbsp;info&nbsp;›</a></p><ul class="nav"><li><a href="http://dabuttonfactory.com/api" title="Learn about the Application Programming Interface"><i class="fa fa-cubes"></i>&nbsp;API</a></li><li><a href="http://dabuttonfactory.com/contact" title="Contact info"><i class="fa fa-envelope"></i>&nbsp;Contact</a></li><li><a href="http://dabuttonfactory.com/contact#donations" title="Help keep this tool free!"><i class="fa fa-paypal"></i>&nbsp;Donate</a></li><li><a href="http://dabuttonfactory.blogspot.com/" title="News and insights"><i class="fa fa-rss"></i>&nbsp;Blog</a></li></ul></div></div><ins class="adsbygoogle" data-ad-client="ca-pub-5521996960555405" data-ad-slot="4031435551"></ins><script src="Word%20Families%20Button_files/analytics.js" async=""></script><script src="Word%20Families%20Button_files/adsbygoogle.js" async=""></script><!--[if lt IE 9]><script src=//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js></script><![endif]--><!--[if gte IE 9]><!--><script src="Word%20Families%20Button_files/jquery.js"></script><!--<![endif]--><script src="Word%20Families%20Button_files/ed.js"></script><div style="position: absolute; top: 265.65px; left: 33.85px;" class="sp-container sp-light sp-palette-buttons-disabled sp-initial-disabled sp-hidden"><div class="sp-palette-container"><div class="sp-palette sp-thumb sp-cf"><div class="sp-cf sp-palette-row sp-palette-row-0"><span title="#000000" data-color="rgb(0, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(0, 0, 0);"></span></span><span title="#444444" data-color="rgb(68, 68, 68)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(68, 68, 68);"></span></span><span title="#666666" data-color="rgb(102, 102, 102)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(102, 102, 102);"></span></span><span title="#999999" data-color="rgb(153, 153, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(153, 153, 153);"></span></span><span title="#cccccc" data-color="rgb(204, 204, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(204, 204, 204);"></span></span><span title="#eeeeee" data-color="rgb(238, 238, 238)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(238, 238, 238);"></span></span><span title="#f3f3f3" data-color="rgb(243, 243, 243)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(243, 243, 243);"></span></span><span title="#ffffff" data-color="rgb(255, 255, 255)" class="sp-thumb-el sp-thumb-light sp-thumb-active"><span class="sp-thumb-inner" style="background-color:rgb(255, 255, 255);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-1"><span title="#ff0000" data-color="rgb(255, 0, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 0, 0);"></span></span><span title="#ff9900" data-color="rgb(255, 153, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 153, 0);"></span></span><span title="#ffff00" data-color="rgb(255, 255, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 255, 0);"></span></span><span title="#00ff00" data-color="rgb(0, 255, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(0, 255, 0);"></span></span><span title="#00ffff" data-color="rgb(0, 255, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(0, 255, 255);"></span></span><span title="#0000ff" data-color="rgb(0, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(0, 0, 255);"></span></span><span title="#9900ff" data-color="rgb(153, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(153, 0, 255);"></span></span><span title="#ff00ff" data-color="rgb(255, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 0, 255);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-2"><span title="#f4cccc" data-color="rgb(244, 204, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(244, 204, 204);"></span></span><span title="#fce5cd" data-color="rgb(252, 229, 205)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(252, 229, 205);"></span></span><span title="#fff2cc" data-color="rgb(255, 242, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 242, 204);"></span></span><span title="#d9ead3" data-color="rgb(217, 234, 211)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(217, 234, 211);"></span></span><span title="#d0e0e3" data-color="rgb(208, 224, 227)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(208, 224, 227);"></span></span><span title="#cfe2f3" data-color="rgb(207, 226, 243)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(207, 226, 243);"></span></span><span title="#d9d2e9" data-color="rgb(217, 210, 233)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(217, 210, 233);"></span></span><span title="#ead1dc" data-color="rgb(234, 209, 220)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(234, 209, 220);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-3"><span title="#ea9999" data-color="rgb(234, 153, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(234, 153, 153);"></span></span><span title="#f9cb9c" data-color="rgb(249, 203, 156)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(249, 203, 156);"></span></span><span title="#ffe599" data-color="rgb(255, 229, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 229, 153);"></span></span><span title="#b6d7a8" data-color="rgb(182, 215, 168)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(182, 215, 168);"></span></span><span title="#a2c4c9" data-color="rgb(162, 196, 201)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(162, 196, 201);"></span></span><span title="#9fc5e8" data-color="rgb(159, 197, 232)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(159, 197, 232);"></span></span><span title="#b4a7d6" data-color="rgb(180, 167, 214)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(180, 167, 214);"></span></span><span title="#d5a6bd" data-color="rgb(213, 166, 189)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(213, 166, 189);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-4"><span title="#e06666" data-color="rgb(224, 102, 102)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(224, 102, 102);"></span></span><span title="#f6b26b" data-color="rgb(246, 178, 107)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(246, 178, 107);"></span></span><span title="#ffd966" data-color="rgb(255, 217, 102)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 217, 102);"></span></span><span title="#93c47d" data-color="rgb(147, 196, 125)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(147, 196, 125);"></span></span><span title="#76a5af" data-color="rgb(118, 165, 175)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(118, 165, 175);"></span></span><span title="#6fa8dc" data-color="rgb(111, 168, 220)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(111, 168, 220);"></span></span><span title="#8e7cc3" data-color="rgb(142, 124, 195)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(142, 124, 195);"></span></span><span title="#c27ba0" data-color="rgb(194, 123, 160)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(194, 123, 160);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-5"><span title="#cc0000" data-color="rgb(204, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(204, 0, 0);"></span></span><span title="#e69138" data-color="rgb(230, 145, 56)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(230, 145, 56);"></span></span><span title="#f1c232" data-color="rgb(241, 194, 50)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(241, 194, 50);"></span></span><span title="#6aa84f" data-color="rgb(106, 168, 79)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(106, 168, 79);"></span></span><span title="#45818e" data-color="rgb(69, 129, 142)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(69, 129, 142);"></span></span><span title="#3d85c6" data-color="rgb(61, 133, 198)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(61, 133, 198);"></span></span><span title="#674ea7" data-color="rgb(103, 78, 167)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(103, 78, 167);"></span></span><span title="#a64d79" data-color="rgb(166, 77, 121)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(166, 77, 121);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-6"><span title="#990000" data-color="rgb(153, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(153, 0, 0);"></span></span><span title="#b45f06" data-color="rgb(180, 95, 6)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(180, 95, 6);"></span></span><span title="#bf9000" data-color="rgb(191, 144, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(191, 144, 0);"></span></span><span title="#38761d" data-color="rgb(56, 118, 29)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(56, 118, 29);"></span></span><span title="#134f5c" data-color="rgb(19, 79, 92)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(19, 79, 92);"></span></span><span title="#0b5394" data-color="rgb(11, 83, 148)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(11, 83, 148);"></span></span><span title="#351c75" data-color="rgb(53, 28, 117)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(53, 28, 117);"></span></span><span title="#741b47" data-color="rgb(116, 27, 71)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(116, 27, 71);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-7"><span title="#660000" data-color="rgb(102, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(102, 0, 0);"></span></span><span title="#783f04" data-color="rgb(120, 63, 4)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(120, 63, 4);"></span></span><span title="#7f6000" data-color="rgb(127, 96, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(127, 96, 0);"></span></span><span title="#274e13" data-color="rgb(39, 78, 19)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(39, 78, 19);"></span></span><span title="#0c343d" data-color="rgb(12, 52, 61)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(12, 52, 61);"></span></span><span title="#073763" data-color="rgb(7, 55, 99)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(7, 55, 99);"></span></span><span title="#20124d" data-color="rgb(32, 18, 77)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(32, 18, 77);"></span></span><span title="#4c1130" data-color="rgb(76, 17, 48)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(76, 17, 48);"></span></span></div></div><div class="sp-palette-button-container sp-cf"><button type="button" class="sp-palette-toggle"></button></div></div><div class="sp-picker-container"><div class="sp-top sp-cf"><div class="sp-fill"></div><div class="sp-top-inner"><div style="background-color: rgb(25, 255, 0);" class="sp-color"><div class="sp-sat"><div class="sp-val"><div style="display: block; top: -5px; left: -5px;" class="sp-dragger"></div></div></div></div><div style="display: none;" class="sp-clear sp-clear-display"></div><div class="sp-hue"><div style="display: block; top: 48.35px;" class="sp-slider"></div></div></div><div class="sp-alpha"><div class="sp-alpha-inner"><div style="display: block; left: 102.5px;" class="sp-alpha-handle"></div></div></div></div><div class="sp-input-container sp-cf"><input value="#ffffff" class="sp-input" spellcheck="false" type="text"></div><div class="sp-initial sp-thumb sp-cf"></div><div class="sp-button-container sp-cf"><a class="sp-cancel" href="#"></a><button type="button" class="sp-choose">OK</button></div></div></div><div style="position: absolute; top: 127px; left: 4px;" class="sp-container sp-light sp-palette-buttons-disabled sp-initial-disabled sp-hidden"><div class="sp-palette-container"><div class="sp-palette sp-thumb sp-cf"><div class="sp-cf sp-palette-row sp-palette-row-0"><span title="#000000" data-color="rgb(0, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(0, 0, 0);"></span></span><span title="#444444" data-color="rgb(68, 68, 68)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(68, 68, 68);"></span></span><span title="#666666" data-color="rgb(102, 102, 102)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(102, 102, 102);"></span></span><span title="#999999" data-color="rgb(153, 153, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(153, 153, 153);"></span></span><span title="#cccccc" data-color="rgb(204, 204, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(204, 204, 204);"></span></span><span title="#eeeeee" data-color="rgb(238, 238, 238)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(238, 238, 238);"></span></span><span title="#f3f3f3" data-color="rgb(243, 243, 243)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(243, 243, 243);"></span></span><span title="#ffffff" data-color="rgb(255, 255, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 255, 255);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-1"><span title="#ff0000" data-color="rgb(255, 0, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 0, 0);"></span></span><span title="#ff9900" data-color="rgb(255, 153, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 153, 0);"></span></span><span title="#ffff00" data-color="rgb(255, 255, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 255, 0);"></span></span><span title="#00ff00" data-color="rgb(0, 255, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(0, 255, 0);"></span></span><span title="#00ffff" data-color="rgb(0, 255, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(0, 255, 255);"></span></span><span title="#0000ff" data-color="rgb(0, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(0, 0, 255);"></span></span><span title="#9900ff" data-color="rgb(153, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(153, 0, 255);"></span></span><span title="#ff00ff" data-color="rgb(255, 0, 255)" class="sp-thumb-el sp-thumb-light sp-thumb-active"><span class="sp-thumb-inner" style="background-color:rgb(255, 0, 255);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-2"><span title="#f4cccc" data-color="rgb(244, 204, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(244, 204, 204);"></span></span><span title="#fce5cd" data-color="rgb(252, 229, 205)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(252, 229, 205);"></span></span><span title="#fff2cc" data-color="rgb(255, 242, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 242, 204);"></span></span><span title="#d9ead3" data-color="rgb(217, 234, 211)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(217, 234, 211);"></span></span><span title="#d0e0e3" data-color="rgb(208, 224, 227)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(208, 224, 227);"></span></span><span title="#cfe2f3" data-color="rgb(207, 226, 243)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(207, 226, 243);"></span></span><span title="#d9d2e9" data-color="rgb(217, 210, 233)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(217, 210, 233);"></span></span><span title="#ead1dc" data-color="rgb(234, 209, 220)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(234, 209, 220);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-3"><span title="#ea9999" data-color="rgb(234, 153, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(234, 153, 153);"></span></span><span title="#f9cb9c" data-color="rgb(249, 203, 156)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(249, 203, 156);"></span></span><span title="#ffe599" data-color="rgb(255, 229, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 229, 153);"></span></span><span title="#b6d7a8" data-color="rgb(182, 215, 168)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(182, 215, 168);"></span></span><span title="#a2c4c9" data-color="rgb(162, 196, 201)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(162, 196, 201);"></span></span><span title="#9fc5e8" data-color="rgb(159, 197, 232)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(159, 197, 232);"></span></span><span title="#b4a7d6" data-color="rgb(180, 167, 214)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(180, 167, 214);"></span></span><span title="#d5a6bd" data-color="rgb(213, 166, 189)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(213, 166, 189);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-4"><span title="#e06666" data-color="rgb(224, 102, 102)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(224, 102, 102);"></span></span><span title="#f6b26b" data-color="rgb(246, 178, 107)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(246, 178, 107);"></span></span><span title="#ffd966" data-color="rgb(255, 217, 102)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 217, 102);"></span></span><span title="#93c47d" data-color="rgb(147, 196, 125)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(147, 196, 125);"></span></span><span title="#76a5af" data-color="rgb(118, 165, 175)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(118, 165, 175);"></span></span><span title="#6fa8dc" data-color="rgb(111, 168, 220)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(111, 168, 220);"></span></span><span title="#8e7cc3" data-color="rgb(142, 124, 195)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(142, 124, 195);"></span></span><span title="#c27ba0" data-color="rgb(194, 123, 160)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(194, 123, 160);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-5"><span title="#cc0000" data-color="rgb(204, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(204, 0, 0);"></span></span><span title="#e69138" data-color="rgb(230, 145, 56)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(230, 145, 56);"></span></span><span title="#f1c232" data-color="rgb(241, 194, 50)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(241, 194, 50);"></span></span><span title="#6aa84f" data-color="rgb(106, 168, 79)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(106, 168, 79);"></span></span><span title="#45818e" data-color="rgb(69, 129, 142)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(69, 129, 142);"></span></span><span title="#3d85c6" data-color="rgb(61, 133, 198)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(61, 133, 198);"></span></span><span title="#674ea7" data-color="rgb(103, 78, 167)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(103, 78, 167);"></span></span><span title="#a64d79" data-color="rgb(166, 77, 121)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(166, 77, 121);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-6"><span title="#990000" data-color="rgb(153, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(153, 0, 0);"></span></span><span title="#b45f06" data-color="rgb(180, 95, 6)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(180, 95, 6);"></span></span><span title="#bf9000" data-color="rgb(191, 144, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(191, 144, 0);"></span></span><span title="#38761d" data-color="rgb(56, 118, 29)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(56, 118, 29);"></span></span><span title="#134f5c" data-color="rgb(19, 79, 92)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(19, 79, 92);"></span></span><span title="#0b5394" data-color="rgb(11, 83, 148)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(11, 83, 148);"></span></span><span title="#351c75" data-color="rgb(53, 28, 117)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(53, 28, 117);"></span></span><span title="#741b47" data-color="rgb(116, 27, 71)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(116, 27, 71);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-7"><span title="#660000" data-color="rgb(102, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(102, 0, 0);"></span></span><span title="#783f04" data-color="rgb(120, 63, 4)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(120, 63, 4);"></span></span><span title="#7f6000" data-color="rgb(127, 96, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(127, 96, 0);"></span></span><span title="#274e13" data-color="rgb(39, 78, 19)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(39, 78, 19);"></span></span><span title="#0c343d" data-color="rgb(12, 52, 61)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(12, 52, 61);"></span></span><span title="#073763" data-color="rgb(7, 55, 99)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(7, 55, 99);"></span></span><span title="#20124d" data-color="rgb(32, 18, 77)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(32, 18, 77);"></span></span><span title="#4c1130" data-color="rgb(76, 17, 48)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(76, 17, 48);"></span></span></div></div><div class="sp-palette-button-container sp-cf"><button type="button" class="sp-palette-toggle"></button></div></div><div class="sp-picker-container"><div class="sp-top sp-cf"><div class="sp-fill"></div><div class="sp-top-inner"><div style="background-color: rgb(255, 0, 255);" class="sp-color"><div class="sp-sat"><div class="sp-val"><div style="display: block; top: -5px; left: 157px;" class="sp-dragger"></div></div></div></div><div style="display: none;" class="sp-clear sp-clear-display"></div><div class="sp-hue"><div style="display: block; top: 132px;" class="sp-slider"></div></div></div><div class="sp-alpha"><div class="sp-alpha-inner"><div style="display: block; left: 102.5px;" class="sp-alpha-handle"></div></div></div></div><div class="sp-input-container sp-cf"><input value="#ff00ff" class="sp-input" spellcheck="false" type="text"></div><div class="sp-initial sp-thumb sp-cf"></div><div class="sp-button-container sp-cf"><a class="sp-cancel" href="#"></a><button type="button" class="sp-choose">OK</button></div></div></div><div style="position: absolute; top: 265.983px; left: 770.05px;" class="sp-container sp-light sp-palette-buttons-disabled sp-initial-disabled sp-hidden"><div class="sp-palette-container"><div class="sp-palette sp-thumb sp-cf"><div class="sp-cf sp-palette-row sp-palette-row-0"><span title="#000000" data-color="rgb(0, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(0, 0, 0);"></span></span><span title="#444444" data-color="rgb(68, 68, 68)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(68, 68, 68);"></span></span><span title="#666666" data-color="rgb(102, 102, 102)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(102, 102, 102);"></span></span><span title="#999999" data-color="rgb(153, 153, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(153, 153, 153);"></span></span><span title="#cccccc" data-color="rgb(204, 204, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(204, 204, 204);"></span></span><span title="#eeeeee" data-color="rgb(238, 238, 238)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(238, 238, 238);"></span></span><span title="#f3f3f3" data-color="rgb(243, 243, 243)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(243, 243, 243);"></span></span><span title="#ffffff" data-color="rgb(255, 255, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 255, 255);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-1"><span title="#ff0000" data-color="rgb(255, 0, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 0, 0);"></span></span><span title="#ff9900" data-color="rgb(255, 153, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 153, 0);"></span></span><span title="#ffff00" data-color="rgb(255, 255, 0)" class="sp-thumb-el sp-thumb-light sp-thumb-active"><span class="sp-thumb-inner" style="background-color:rgb(255, 255, 0);"></span></span><span title="#00ff00" data-color="rgb(0, 255, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(0, 255, 0);"></span></span><span title="#00ffff" data-color="rgb(0, 255, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(0, 255, 255);"></span></span><span title="#0000ff" data-color="rgb(0, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(0, 0, 255);"></span></span><span title="#9900ff" data-color="rgb(153, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(153, 0, 255);"></span></span><span title="#ff00ff" data-color="rgb(255, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 0, 255);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-2"><span title="#f4cccc" data-color="rgb(244, 204, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(244, 204, 204);"></span></span><span title="#fce5cd" data-color="rgb(252, 229, 205)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(252, 229, 205);"></span></span><span title="#fff2cc" data-color="rgb(255, 242, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 242, 204);"></span></span><span title="#d9ead3" data-color="rgb(217, 234, 211)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(217, 234, 211);"></span></span><span title="#d0e0e3" data-color="rgb(208, 224, 227)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(208, 224, 227);"></span></span><span title="#cfe2f3" data-color="rgb(207, 226, 243)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(207, 226, 243);"></span></span><span title="#d9d2e9" data-color="rgb(217, 210, 233)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(217, 210, 233);"></span></span><span title="#ead1dc" data-color="rgb(234, 209, 220)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(234, 209, 220);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-3"><span title="#ea9999" data-color="rgb(234, 153, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(234, 153, 153);"></span></span><span title="#f9cb9c" data-color="rgb(249, 203, 156)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(249, 203, 156);"></span></span><span title="#ffe599" data-color="rgb(255, 229, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 229, 153);"></span></span><span title="#b6d7a8" data-color="rgb(182, 215, 168)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(182, 215, 168);"></span></span><span title="#a2c4c9" data-color="rgb(162, 196, 201)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(162, 196, 201);"></span></span><span title="#9fc5e8" data-color="rgb(159, 197, 232)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(159, 197, 232);"></span></span><span title="#b4a7d6" data-color="rgb(180, 167, 214)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(180, 167, 214);"></span></span><span title="#d5a6bd" data-color="rgb(213, 166, 189)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(213, 166, 189);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-4"><span title="#e06666" data-color="rgb(224, 102, 102)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(224, 102, 102);"></span></span><span title="#f6b26b" data-color="rgb(246, 178, 107)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(246, 178, 107);"></span></span><span title="#ffd966" data-color="rgb(255, 217, 102)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 217, 102);"></span></span><span title="#93c47d" data-color="rgb(147, 196, 125)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(147, 196, 125);"></span></span><span title="#76a5af" data-color="rgb(118, 165, 175)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(118, 165, 175);"></span></span><span title="#6fa8dc" data-color="rgb(111, 168, 220)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(111, 168, 220);"></span></span><span title="#8e7cc3" data-color="rgb(142, 124, 195)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(142, 124, 195);"></span></span><span title="#c27ba0" data-color="rgb(194, 123, 160)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(194, 123, 160);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-5"><span title="#cc0000" data-color="rgb(204, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(204, 0, 0);"></span></span><span title="#e69138" data-color="rgb(230, 145, 56)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(230, 145, 56);"></span></span><span title="#f1c232" data-color="rgb(241, 194, 50)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(241, 194, 50);"></span></span><span title="#6aa84f" data-color="rgb(106, 168, 79)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(106, 168, 79);"></span></span><span title="#45818e" data-color="rgb(69, 129, 142)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(69, 129, 142);"></span></span><span title="#3d85c6" data-color="rgb(61, 133, 198)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(61, 133, 198);"></span></span><span title="#674ea7" data-color="rgb(103, 78, 167)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(103, 78, 167);"></span></span><span title="#a64d79" data-color="rgb(166, 77, 121)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(166, 77, 121);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-6"><span title="#990000" data-color="rgb(153, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(153, 0, 0);"></span></span><span title="#b45f06" data-color="rgb(180, 95, 6)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(180, 95, 6);"></span></span><span title="#bf9000" data-color="rgb(191, 144, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(191, 144, 0);"></span></span><span title="#38761d" data-color="rgb(56, 118, 29)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(56, 118, 29);"></span></span><span title="#134f5c" data-color="rgb(19, 79, 92)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(19, 79, 92);"></span></span><span title="#0b5394" data-color="rgb(11, 83, 148)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(11, 83, 148);"></span></span><span title="#351c75" data-color="rgb(53, 28, 117)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(53, 28, 117);"></span></span><span title="#741b47" data-color="rgb(116, 27, 71)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(116, 27, 71);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-7"><span title="#660000" data-color="rgb(102, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(102, 0, 0);"></span></span><span title="#783f04" data-color="rgb(120, 63, 4)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(120, 63, 4);"></span></span><span title="#7f6000" data-color="rgb(127, 96, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(127, 96, 0);"></span></span><span title="#274e13" data-color="rgb(39, 78, 19)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(39, 78, 19);"></span></span><span title="#0c343d" data-color="rgb(12, 52, 61)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(12, 52, 61);"></span></span><span title="#073763" data-color="rgb(7, 55, 99)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(7, 55, 99);"></span></span><span title="#20124d" data-color="rgb(32, 18, 77)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(32, 18, 77);"></span></span><span title="#4c1130" data-color="rgb(76, 17, 48)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(76, 17, 48);"></span></span></div></div><div class="sp-palette-button-container sp-cf"><button type="button" class="sp-palette-toggle"></button></div></div><div class="sp-picker-container"><div class="sp-top sp-cf"><div class="sp-fill"></div><div class="sp-top-inner"><div style="background-color: rgb(255, 255, 0);" class="sp-color"><div class="sp-sat"><div class="sp-val"><div style="display: block; top: -5px; left: 157px;" class="sp-dragger"></div></div></div></div><div style="display: none;" class="sp-clear sp-clear-display"></div><div class="sp-hue"><div style="display: block; top: 24px;" class="sp-slider"></div></div></div><div class="sp-alpha"><div class="sp-alpha-inner"><div style="display: block; left: 102.5px;" class="sp-alpha-handle"></div></div></div></div><div class="sp-input-container sp-cf"><input value="#ffff00" class="sp-input" spellcheck="false" type="text"></div><div class="sp-initial sp-thumb sp-cf"></div><div class="sp-button-container sp-cf"><a class="sp-cancel" href="#"></a><button type="button" class="sp-choose">OK</button></div></div></div><div style="position: absolute; top: 301.45px; left: 790.783px;" class="sp-container sp-light sp-palette-buttons-disabled sp-initial-disabled sp-hidden"><div class="sp-palette-container"><div class="sp-palette sp-thumb sp-cf"><div class="sp-cf sp-palette-row sp-palette-row-0"><span title="#000000" data-color="rgb(0, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(0, 0, 0);"></span></span><span title="#444444" data-color="rgb(68, 68, 68)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(68, 68, 68);"></span></span><span title="#666666" data-color="rgb(102, 102, 102)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(102, 102, 102);"></span></span><span title="#999999" data-color="rgb(153, 153, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(153, 153, 153);"></span></span><span title="#cccccc" data-color="rgb(204, 204, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(204, 204, 204);"></span></span><span title="#eeeeee" data-color="rgb(238, 238, 238)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(238, 238, 238);"></span></span><span title="#f3f3f3" data-color="rgb(243, 243, 243)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(243, 243, 243);"></span></span><span title="#ffffff" data-color="rgb(255, 255, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 255, 255);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-1"><span title="#ff0000" data-color="rgb(255, 0, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 0, 0);"></span></span><span title="#ff9900" data-color="rgb(255, 153, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 153, 0);"></span></span><span title="#ffff00" data-color="rgb(255, 255, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 255, 0);"></span></span><span title="#00ff00" data-color="rgb(0, 255, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(0, 255, 0);"></span></span><span title="#00ffff" data-color="rgb(0, 255, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(0, 255, 255);"></span></span><span title="#0000ff" data-color="rgb(0, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(0, 0, 255);"></span></span><span title="#9900ff" data-color="rgb(153, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(153, 0, 255);"></span></span><span title="#ff00ff" data-color="rgb(255, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 0, 255);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-2"><span title="#f4cccc" data-color="rgb(244, 204, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(244, 204, 204);"></span></span><span title="#fce5cd" data-color="rgb(252, 229, 205)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(252, 229, 205);"></span></span><span title="#fff2cc" data-color="rgb(255, 242, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 242, 204);"></span></span><span title="#d9ead3" data-color="rgb(217, 234, 211)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(217, 234, 211);"></span></span><span title="#d0e0e3" data-color="rgb(208, 224, 227)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(208, 224, 227);"></span></span><span title="#cfe2f3" data-color="rgb(207, 226, 243)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(207, 226, 243);"></span></span><span title="#d9d2e9" data-color="rgb(217, 210, 233)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(217, 210, 233);"></span></span><span title="#ead1dc" data-color="rgb(234, 209, 220)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(234, 209, 220);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-3"><span title="#ea9999" data-color="rgb(234, 153, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(234, 153, 153);"></span></span><span title="#f9cb9c" data-color="rgb(249, 203, 156)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(249, 203, 156);"></span></span><span title="#ffe599" data-color="rgb(255, 229, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 229, 153);"></span></span><span title="#b6d7a8" data-color="rgb(182, 215, 168)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(182, 215, 168);"></span></span><span title="#a2c4c9" data-color="rgb(162, 196, 201)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(162, 196, 201);"></span></span><span title="#9fc5e8" data-color="rgb(159, 197, 232)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(159, 197, 232);"></span></span><span title="#b4a7d6" data-color="rgb(180, 167, 214)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(180, 167, 214);"></span></span><span title="#d5a6bd" data-color="rgb(213, 166, 189)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(213, 166, 189);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-4"><span title="#e06666" data-color="rgb(224, 102, 102)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(224, 102, 102);"></span></span><span title="#f6b26b" data-color="rgb(246, 178, 107)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(246, 178, 107);"></span></span><span title="#ffd966" data-color="rgb(255, 217, 102)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 217, 102);"></span></span><span title="#93c47d" data-color="rgb(147, 196, 125)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(147, 196, 125);"></span></span><span title="#76a5af" data-color="rgb(118, 165, 175)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(118, 165, 175);"></span></span><span title="#6fa8dc" data-color="rgb(111, 168, 220)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(111, 168, 220);"></span></span><span title="#8e7cc3" data-color="rgb(142, 124, 195)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(142, 124, 195);"></span></span><span title="#c27ba0" data-color="rgb(194, 123, 160)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(194, 123, 160);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-5"><span title="#cc0000" data-color="rgb(204, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(204, 0, 0);"></span></span><span title="#e69138" data-color="rgb(230, 145, 56)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(230, 145, 56);"></span></span><span title="#f1c232" data-color="rgb(241, 194, 50)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(241, 194, 50);"></span></span><span title="#6aa84f" data-color="rgb(106, 168, 79)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(106, 168, 79);"></span></span><span title="#45818e" data-color="rgb(69, 129, 142)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(69, 129, 142);"></span></span><span title="#3d85c6" data-color="rgb(61, 133, 198)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(61, 133, 198);"></span></span><span title="#674ea7" data-color="rgb(103, 78, 167)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(103, 78, 167);"></span></span><span title="#a64d79" data-color="rgb(166, 77, 121)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(166, 77, 121);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-6"><span title="#990000" data-color="rgb(153, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(153, 0, 0);"></span></span><span title="#b45f06" data-color="rgb(180, 95, 6)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(180, 95, 6);"></span></span><span title="#bf9000" data-color="rgb(191, 144, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(191, 144, 0);"></span></span><span title="#38761d" data-color="rgb(56, 118, 29)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(56, 118, 29);"></span></span><span title="#134f5c" data-color="rgb(19, 79, 92)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(19, 79, 92);"></span></span><span title="#0b5394" data-color="rgb(11, 83, 148)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(11, 83, 148);"></span></span><span title="#351c75" data-color="rgb(53, 28, 117)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(53, 28, 117);"></span></span><span title="#741b47" data-color="rgb(116, 27, 71)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(116, 27, 71);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-7"><span title="#660000" data-color="rgb(102, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(102, 0, 0);"></span></span><span title="#783f04" data-color="rgb(120, 63, 4)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(120, 63, 4);"></span></span><span title="#7f6000" data-color="rgb(127, 96, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(127, 96, 0);"></span></span><span title="#274e13" data-color="rgb(39, 78, 19)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(39, 78, 19);"></span></span><span title="#0c343d" data-color="rgb(12, 52, 61)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(12, 52, 61);"></span></span><span title="#073763" data-color="rgb(7, 55, 99)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(7, 55, 99);"></span></span><span title="#20124d" data-color="rgb(32, 18, 77)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(32, 18, 77);"></span></span><span title="#4c1130" data-color="rgb(76, 17, 48)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(76, 17, 48);"></span></span></div></div><div class="sp-palette-button-container sp-cf"><button type="button" class="sp-palette-toggle"></button></div></div><div class="sp-picker-container"><div class="sp-top sp-cf"><div class="sp-fill"></div><div class="sp-top-inner"><div style="background-color: rgb(255, 0, 212);" class="sp-color"><div class="sp-sat"><div class="sp-val"><div style="display: block; top: 27.4px; left: 157px;" class="sp-dragger"></div></div></div></div><div style="display: none;" class="sp-clear sp-clear-display"></div><div class="sp-hue"><div style="display: block; top: 136.55px;" class="sp-slider"></div></div></div><div class="sp-alpha"><div class="sp-alpha-inner"><div style="display: block; left: 102.5px;" class="sp-alpha-handle"></div></div></div></div><div class="sp-input-container sp-cf"><input value="#cc00aa" class="sp-input" spellcheck="false" type="text"></div><div class="sp-initial sp-thumb sp-cf"></div><div class="sp-button-container sp-cf"><a class="sp-cancel" href="#"></a><button type="button" class="sp-choose">OK</button></div></div></div></body></html>